html 
{
    width: 100%
}

body 
{
    font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
    font-size: 90%;
    color: #3D3535;
    background-color: #FFFFFF;
    margin: 20px;
    padding: 0px;
    line-height: 140%;
}

.align-right 
{ 
    float:right; margin: 0 0 15px 15px; 
}
   
.align-center 
{ 	
	
    float:center; margin: 0 0 10px 10px; 
}

.align-left 
{ 
    float:left; margin: 0 15px 15px 0; vertical-align: top;
}
.left
{
    float:left; vertical-align:top;
}

/* holds the css for the pagination section */
div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #330000;
    
    text-decoration: none; /* no underline */
    color: Black;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000099;

    color: #000;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
        border: 1px solid #CCCCCC;
        
        font-weight: bold;
        background-color: #CCCCCC;
        color: #FFF;
    }
    div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #EEE;
    
        color: #DDD;
    }
    /* end of pagination section */
    

      
/* Wrapper */
.all {
    text-align: center; 
    width: 100%;
}

/* the container */
.box {
    background-color: #FFFFFF;
    margin-left: auto; 
    margin-right: auto; 
    padding: 20px; 
    text-align: left; 
    width: 90%;
}

#navmenu ul {margin: 0; padding: 0; 
    list-style-type: none; list-style-image: none; }

/*holds the tabs at the top*/
.menu {
    background-color: #FFFFFF;
    text-align: right; 
    border-bottom: 1px solid #FFFFFF;
}
.menu2 
{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    background-color: #E2E2E0;
    text-align: left; 
    border-bottom: 1px solid #FFFFFF;

}    

.doubleborder
{
    text-align: right;
    float:left;
    border-style: none; 
    border-width: 7px; 
    padding: 10px;
    border-color: white; 
}
.doubleborderclear   
{
  
    border-style: none; 
    border-width: 0px; 
    border-color: #85A4FE 
    
}
.singleborder
{
    text-align: center;
    float:center;
    border-style: single; 
    border-width: 7px; 
    padding: 1px;
    border-color: black; 
}

.test {
    float: left;
    background-color: #E2E2E0;
    text-align: left; 
    vertical-align: top;
    border-top: 15px solid #E2E2E0;
}

/*holds the logo and image*/
.header {
    background-color: #EDEEEA;
    padding: 10px; 
    margin-top:3px;
    height: 95px;  
}


.subcategoryheader
{
    float: center;
    background-color: #E2E2E0;
    color: #4C0B3F;
    font-size: 20px;
    font-family: Franklin Gothic Heavy;
    text-align: center;
    padding: 10px; 
    position: relative; 
    margin-top: 24px; 
    margin-left:10px;  
    height: 15px; 
} 

.subcategoryheader2
{
    float: left;
    background-color: #E2E2E0;
    color: #4C0B3F;
    font-size: 20px;
    font-family: Franklin Gothic Heavy;
    text-align: center;
    padding: 10px; 
    position: relative;
    margin-top: 64px; 
    margin-left:10px;  
    height: 15px; 
} 

.subcategoryleftheader
{
    background-color: #E2E2E0;
    color: #4C0B3F;
    font-size: 20px;
    font-family: Franklin Gothic Heavy;
    text-align: center;
    padding: 10px; 
    margin: 24 0 0 0px;    
    height: 15px;
    float: left; 
}           

    


.rightbar 
{
   float:right margin: 0 0 15px 15px;  
   background-color: #0099FF
   
}

/*defines the colours for the tabs, with corner background images*/
.menu a:link, .menu a:active, .menu a:visited {
    background: #EDEEEA url(../images/corner.gif) no-repeat right top;
    color: #3D3535;
    text-decoration: none;
    padding: 3px 7px 3px 7px;
    margin: 0 0 0 4px;
}

/*defines the colours for the tabs, with corner background images*/
.menu2 a:link, .menu2 a:active, .menu2 a:visited {
    background: #E2E2E0 url(../images/corner.gif) no-repeat right top;
    color: #3D3535;
    text-decoration: none;
    padding: 3px 7px 3px 7px;
    margin: 0 0 0 0px;
}

.menu a:hover {
    background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
    color: #000000;
    text-decoration: none;
    padding: 3px 7px 3px 7px;
    margin: 0 0 0 4px;
}

.menu2 a:hover {
    background: #C9C9C9 url(../images/corner2.gif) no-repeat right top;
    color: #000000;
    text-decoration: none;
    padding: 3px 7px 3px 7px;
    margin: 0 0 0 0px;
}

.center {

    float:center;
    
}
/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

/*the main text container*/
.content {
    margin-right: 255px;
    padding: 20px; 
}
.spanner
{
    background-color: #330000;
    float:right;
}

.content h1 {
    font-size: 110%;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 2px solid #330033;
}

.colorlightgrey
{
    padding: 2px 2px 2px 2px;
    border: 1px solid black;
    background-color : #E8E8E8   ;
    text-align: center;    
}
.colorlightergrey
{
    padding: 5px 5px 5px 5px; 
    border-top: 2px solid black;
    border: 1px solid black;
    background-color: #F0F0F0;
    text-align: left;    
}


/*this is the right hand bar, news bar, links bar w/e*/
.newsbar {
    
    margin-top: 40px;
    width: 255px;
    float: right;
}

.newsbar h1 {
    background-color: #330033;
    color: #FFFFFF;
    padding: 3px;
    margin: 0px 0px 0px 0px;
    font-size: 100%;
    font-weight: normal;
}

/*this just lets you have a "comment" type area in the main content*/
.p1 {
    padding: 20px;
    background-color: #F7F7F4;
    font-size:90%;
}

/*sets the padding for the newsbar text, not the headings*/
.p2 {
    padding: 20px;
    background-color: #FFFFFF;
    font-size: 90%;
    list-style-image: url(../images/b.gif);
    list-style-position: 10px;
}

.p2 ul 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.colorgrey
{
    background-color : #D6D8CF;
}

/*the footer, with copyright*/
.footer 
{
clear:both;
    background-color: #D6D8CF;
    padding: 4px;
    font-size: 80%;
    text-align: center;
}

/*sets the link colours and style*/
a:link, a:active, a:visited {
    color: #2F4F4F;
}

a:hover 
{
    color: #330033;
    text-decoration: none;
}

.style1 {color: #330033}

.error 
{
    color: #fff;
    background-color: #330033;
}

